<template>
    <div>
      <!--head-->
	<div class="fixed-head">
		<!--top-->
		<div class="head-top-box">
			<div class="wraps head-top clear">
				<h5 class="head-top-ad">欢迎使用奇妙网游加速器, 感谢您的支持</h5>
				<ul class="head-nav clear">
					<li v-for="(item,index) in centerNavList">
						<a :href="item.url">{{item.title}}</a>
					</li>
				</ul>
			</div>
		</div>
		
		<!--mycentertop-->
		<div class="mycenter-nav">
			<div class="wraps mycenter clear">
				<ul class="mycenter-nav-left">
					<li>
					  <a href="/"><img src="../../../images/logo.png" height="35" class="logo"/></a>	
					</li>
					<li style="color: #D8D8D8;">|</li>
					<li>会员中心</li>
				</ul>
				<div class="mycenter-nav-right">
					<div class="mycenter-nav-right-show">
						<a href="usercenter.php">
							<img src="../../../images/myinfoimg.png" width="30" class="touxiang imgCircle qimiaotx"/>
							<h5 class="qimiao_nickname"></h5>
							<i class="fa fa-caret-right"></i>	
						</a>
					</div>
					<ul class="mycenter-nav-list">
						<li>
							<router-link to="/accountsafe">修改密码</router-link>
						</li>

						<li><a class="loginout">退出</a></li>
					</ul>
				</div>
				
			</div>
		</div>
	</div>
	<!--用户中心ad-->
   <!--<a href="guoqing.php"><img src="images/centeradbanner.png" alt="" class="centerad" /></a>-->



    </div>
</template>
<script lang="ts">
import {Vue,Component} from 'vue-property-decorator'
Vue.config.productionTip = false

@Component({
    components: {
    }
})
export default class CenterHead extends Vue{
   public centerNavList:object=[
	   {
		'title':'首页',
		"url":'/'
       },
	   {
		'title':'充值',
		"url":'index.html'
       },
	   {
		'title':'公告',
		"url":'index.html'
       },
	   {
		'title':'活动',
		"url":'index.html'
       },
	   {
		'title':'资讯',
		"url":'index.html'
       },
	   {
		'title':'帮助',
		"url":'index.html'
       },
   ]

    mounted(){
        console.log("123123");
	}
}


</script>
<style lang="less" scoped>

</style>

